let vm = new Vue({
    el:'#app',
    data:{
        // 保存输入框的任务名称
        taskName:"",
        // 保存新增列表
        taskList: [
            // { ifChecked: 'false', sn: '1', content:'今天要写500行代码'} 
        ],
    },
    methods:{
        addTask(){
            // 构建一个新的任务对象
            var obj = { sn: this.taskList .length+1,name:this.taskName,status:false}
            // 把新的任务对象添加到arrList 这个数组中,也就是添加到任务列表
            this.taskList.push(obj);
            // 清空输入框
            this.taskName = '';
        },
        // 更改当前任务的状态
        changeStatus(item){
            item.status = !item.status;
        },
        // 删除任务
        deleteTask(index){
            this.taskList.splice(index,1)
        }
    },
    computed:{
        // 统计未完成的任务
        unfinshCount(){
            let arr = this.taskList.filter((item)=>{
                return item.status ==false;
            })
            return arr.length;
        }
    }
})